<template>
  <div>
    <button @click="update">修改</button>
    <br>
    {{count}}
    <br>
    {{person}}
  </div>
</template>

<script>
export default {
    name:'Update',
    props:['count','person'],
    methods:{
        update(){
            //vue不建议直接修改props 首先eslint就会报错 然后vue也会报警告
            // this.count++

            /* 
            如果props是一个对象,那么我们修改这个对象内的值,不会报错,但是不推荐这种不安全的做法
            */
            this.person.name='wangwangwang'
        }
    }
}
</script>

<style>

</style>